<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="../dist/css/style.css">
        <title>cell-attributes-dom</title>
    </head>
    <body>
        <table id="cell-attributes-dom-table" class="my-table" style="white-space: nowrap;">
            <thead>
                <tr>
                    <th>Name</th>
                    <th class="red">Ext.</th>
                    <th>City</th>
                    <th data-type="date" data-format="YYYY/DD/MM">Start Date</th>
                    <th>Completion</th>
                </tr>
            </thead>
            <tbody>
                <tr class="yellow">
                    <td>Unity Pugh</td>
                    <td class="red">9958</td>
                    <td>Curicó</td>
                    <td>2005/02/11</td>
                    <td>37%</td>
                </tr>
                <tr>
                    <td>Theodore Duran</td>
                    <td>8971</td>
                    <td>Dhanbad</td>
                    <td>1999/04/07</td>
                    <td>97%</td>
                </tr>
                <tr>
                    <td>Kylie Bishop</td>
                    <td>3147</td>
                    <td>Norman</td>
                    <td>2005/09/08</td>
                    <td>63%</td>
                </tr>
            </tbody>
        </table>

        <script src="../dist/umd.js"></script>
        <script>
            window.dt = new window.simpleDatatables.DataTable("table")
        </script>
    </body>
</html>
